<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#t-all" data-toggle="tab">全部库存</a></li>
            <li><a href="#t-alert" data-toggle="tab">库存预警</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="t-all">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                    </table>
                </div>
            </div>
            <div class="tab-pane fade" id="t-alert">
                <div class="alert alert-warning">
                    <h4><i class="icon fa fa-warning"></i> 库存预警</h4>
                    以下物料库存异常，请及时处理：
                </div>
                <table id="alert-table" class="table table-striped"></table>
            </div>
        </div>
    </div>
</div>

